import layout from '@/layout/index.vue'

/* 
  动态路由
  1、虽然叫做“动态路由”，但是更准确来说，叫“权限路由”比较合适。
  2、用于记录所有的需要权限访问的路由。
  3、如果是静态权限验证方式，动态路由会和静态路由相结合，然后添加到 router 上（详看 src/router/index.js）。
  4、如果是动态权限验证方式，这里的路由不会实际用到，实际的路由由后端返回。
    这里仅起到记录和测试作用，测试时，可以将动态路由会和静态路由相结合，添加到 router 上。
*/
export default [
  {
    path: '/',
    name: 'index',
    component: layout,
    redirect: '/index',
    meta: { showFirstChild: true, defaultTab: true },
    children: [{
      path: 'index',
      name: 'index',
      component: () => import('@/views/home.vue'),
      meta: { title: 'home', icon: 'HomeFilled', }
    }]
  },
  {
    path: '/test',
    name: 'test',
    component: layout,
    redirect: '/test/test01',
    meta: { title: 'test', icon: 'Star', roles: ['admin', 'teacher'] },
    children: [
      {
        path: 'test01',
        name: 'test01',
        component: () => import('@/views/test/test01.vue'),
        meta: { title: 'test01', icon: 'Location' }
      },
      {
        path: 'test02',
        name: 'test02',
        component: () => import('@/views/test/test02.vue'),
        meta: { title: 'test02', icon: 'Document' }
      },
      {
        path: 'test03',
        name: 'test03',
        component: () => import('@/views/test/test03.vue'),
        meta: { title: 'test03', icon: 'Notebook' }
      }
    ]
  },
  {
    path: '/gitee',
    name: 'gitee',
    component: layout,
    meta: { showFirstChild: true },
    children: [
      {
        path: import.meta.env.VITE_GITEE,
        meta: { title: 'gitee(External Link)', icon: 'Link' }
      }
    ]
  },
]